JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://knockoutjs.com/js/knockout-1.2.1.js"></script>
<div id="container">
    <span data-bind='text: category().name == "Tops"'> </span>

    <td data-bind='attr: {style:category().name=="Tops"?"display:none":"display:"}'>Zipper:
        <select data-bind='options: category()? category().zipper: null, optionsText: "name", optionsCaption: "Select..."'></select>
    </td>

</div>

JavaScript

var viewModel = {
    category: ko.observable({
        name: 'Tops', // Change this to Tops to hide the div
        zipper: [{
            name: 'stack'},
        {
            name: 'over'},
        {
            name: 'flow'}]
    })
};
ko.applyBindings(viewModel);