An example of view composition in Durandal. From Durandal's HTML Samples download.

childView1.html

<div>
    <h2>Child View One</h2>
    <span data-bind="text: $root.propertyOne"></span>
</div>

childView2.html

<div>
    <h2>Child View Two</h2>
    <span data-bind="text: propertyTwo"></span>
    <div data-part="content">Some default content goes here.</div>
</div>

index.html

<section>
    <h1>The Views Below Are Composed In Different Ways</h1>
 
    <!--ko compose: 'childView1.html'--><!--/ko-->
    <!--ko compose: 'childView2.html'--><!--/ko-->
 
    <!--ko compose: { model:'viewComposition/inlineModule', mode:'inline'}-->
        <h3 data-bind="text: someProperty"></h3>
    <!--/ko-->
 
    <!--ko compose: { view:'childView2.html', mode:'templated' }-->
        <div data-part="content">This is a view part override of the default content....</div>
    <!--/ko-->
</section>

index.js

define(function() {
    return {
        propertyOne: 'This is a databound property from the root context.',
        propertyTwo: 'This property demonstrates that binding contexts flow through composed views.'
    };
});

inlineModule.js

define(function(){
    return {
        someProperty:'This is being bound against an inline view.'
    };
});