JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<table border="1">
    <tbody>
        <!-- ko foreach: data -->
            <tr databind="if: Name() === 'XBox'">
                <td data-bind="text: Name" ></td>
            </tr>
        <!-- /ko -->
    </tbody>
</table>

JavaScript

function appViewModel() {
    this.data = ko.observableArray([
        { Name: "XBox" },
        { Name: "PlayStation" },
        { Name: "Banana" },
        { Name: "Wii" }
    ]);
};

ko.applyBindings(new appViewModel());