JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.js"></script>
<script src="https://github.com/greenlaw110/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.debug.js"></script>
<h1 data-bind="text: 'project - ' + title()"></h1>
<ul data-bind="template: {name: 'owner-property-tmpl', data: owner}">Owner Info</ul>

<script type="text/html" id="owner-property-tmpl">
    <li>name: <span data-bind="text: name"></span></li>
    <li>title: <span data-bind="text: title"></span></li>
</script>

JavaScript

var project = {
    title: "knockout",
    owner: {
        name: 'Steve',
        title: 'Mr.'
    }
};

var viewModel = ko.mapping.fromJS(project);

ko.applyBindings(viewModel);