JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-1.3.0beta.js"></script>
<h3>Products</h3>

<table>
    <tr>
        <td>Fixed Row</td>
    </tr>    
    <!-- ko foreach: products -->
    <tr>
        <td>
            <em data-bind="text: name"></em>        
        <td>
    </tr>
    <!-- /ko -->
</table>

CSS

body { font-family: Arial, Helvetica; margin: 5px; }
h3 { margin-top: 0 }

JavaScript

function appViewModel() {
    this.products = ko.observableArray([
        { name: "XBox", manufacturer: { company: "Microsoft" } },
        { name: "PlayStation", manufacturer: { company: "Sony" }  },
        { name: "Banana", manufacturer: null },
        { name: "Wii", manufacturer: { company: "Nintendo" }  }
    ]);
};

ko.applyBindings(new appViewModel());