Assembly of semiconducting organic molecules with multiple aryl-metal covalent bonds into stable one- and two- dimensional (1D and 2D) metal-organic frameworks represents a promising route to the integration of single-molecule electronics in terms of structural robustness and charge transport efficiency. Although various metastable organometallic frameworks have been constructed by the extensive use of single aryl-metal bonds, it remains a great challenge to embed multiple aryl-metal bonds into these structures due to inadequate knowledge of harnessing such complex bonding motifs. Here, we demonstrate the substrate-modulated synthesis of 1D and 2D metal-organic hybrids (MOHs) with the organic building blocks (perylene) interlinked solely with multiple aryl-metal bonds via the stepwise thermal dehalogenation of 3,4,9,10-tetrabromo-1,6,7,12-tetrachloroperylene and subsequent metal-organic connection on metal surfaces. More importantly, the conversion from 1D to 2D MOHs is completely impeded on Au(111) but dominant on Ag(111). We comprehensively study the distinct reaction pathways on the two surfaces by visually tracking the structural evolution of the MOHs with high-resolution scanning tunneling and noncontact atomic force microscopy, supported by first-principles density functional theory calculations. The substrate-dependent structural control of the MOHs is attributed to the variation of the M-X (M = Au, Ag; X = C, Cl) bond strength regulated by the nature of the metal species.