Precise control over on-surface covalent reaction pathways is crucial for engineering organic nanostructures with the single-atom precision. Herein, we demonstrate a step-by-step control of an on-surface cascade covalent reaction based on a successive debromination templated by noncovalent metal-organic coordination motifs. The molecular precursor is predesigned with different reactive sites and functional ligands, allowing for both chemical and structural tuning during on-surface reactions. Through the Fe-terpyridine template effect, we are able to direct the reaction to proceed in a three-step cascade pathway and finally to achieve a porous polyarylene nanoribbon structure. The approach opens new opportunities for construction of on-surface organic nanostructures in a predictable manner.