JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<ul data-bind="foreach: { data: categories, as: 'category' }">
<li> <span data-bind="text: category.name"></span></li>

    <li>
        <ul data-bind="foreach: { data: items, as: 'item' }">
           
                <input type="text" data-bind="value: item" />
</ul>
    </li>
</ul>

JavaScript

var re = ko.observableArray([]);
re.push('1');
re.push('2');
var viewModel = {
    categories: ko.observableArray([{
                name: 'Client Re',
                items:re
    }])
};

$(document).ready(function () {
    ko.applyBindings(viewModel);
});